$headerHeight: 39px;
.web-config-container {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  padding: 10px;

  ::v-deep .tabs-container {

    .el-tabs__header {
      height: $headerHeight;
    }

    height: 100%;

    .el-tabs__content {
      height: calc(100% - #{$headerHeight});
      overflow-y: auto;

      .el-tab-pane {
        height: 100%;

        .upload-box {
          width: 100px;
          height: 100px;
          line-height: 100px;
          text-align: center;
          border: 1px dashed #d9d9d9;
          border-radius: 6px;
          cursor: pointer;
          position: relative;

          &:hover {
            border-color: #409EFF;
          }

          .avatar-uploader {
            .el-upload {
              width: 100%;
              height: 100%;
            }
          }

          .icon-box {
            width: 100%;
            height: 100%;

            &:hover .del-img {
              display: block;
            }

            img {
              width: 100%;
              height: 100%;
            }

            .del-img {
              position: absolute;
              left: 0;
              top: 0;
              z-index: 10;
              display: none;
            }
          }
        }
      }
    }
  }

}

